<script>
import NPCSimpleVue from "./non-page-components/NPCSimple.vue"

export default {
  beforeCreate: function () {
    window.alert('beforeCreate called!');
  },
  created: function () {
    window.alert('created called!');
  },
  beforeMount: function () {
    window.alert('beforeMount called!');
  },
  mounted: function () {
    window.alert('mounted called!');
  }
}
</script>

<template>
  <div> Ref: https://v3.cn.vuejs.org/api/options-lifecycle-hooks.html </div>

  <h1> Left Circle (alert) </h1>
  
</template>

<style scoped>
.basic {
  color: #FF0000;
}
.bold {
  font-weight: bold;
}
</style>
